<template>
  <view class="min-h-screen bg-gray-50">
    <!-- 页面标题 -->
    <view class="bg-white px-[32rpx] py-[24rpx] border-b border-gray-100">
      <view class="flex items-center">
        <!-- <view class="w-[40rpx] h-[40rpx] bg-[#41916c] rounded-full flex items-center justify-center mr-[16rpx]">
          <IconFont name="dongdong" size="20" color="#ffffff"></IconFont>
        </view> -->
        <text class="text-[36rpx] font-bold text-[#333333]">服务须知</text>
      </view>
    </view>

    <!-- 内容区域 -->
    <view class="bg-white p-[32rpx] mb-[20rpx]">
      <view class="text-[28rpx] text-gray-700 leading-[1.8]">
        <view class="mb-[32rpx]">
          <text class="text-[32rpx] font-bold text-[#333333] block mb-[16rpx]">一、服务内容</text>
          <text class="text-[28rpx] text-gray-700 leading-[1.8] block">
            1. 我们提供专业的护理服务，包括但不限于：生活护理、医疗护理、康复护理等。<br/>
            2. 服务人员均经过专业培训，具备相关资质证书。<br/>
            3. 服务时间根据具体需求安排，确保服务质量。
          </text>
        </view>

        <view class="mb-[32rpx]">
          <text class="text-[32rpx] font-bold text-[#333333] block mb-[16rpx]">二、服务标准</text>
          <text class="text-[28rpx] text-gray-700 leading-[1.8] block">
            1. 严格遵守医疗护理规范，确保服务安全。<br/>
            2. 保持服务环境的清洁卫生。<br/>
            3. 尊重患者隐私，保护个人信息安全。<br/>
            4. 及时记录服务过程，确保服务质量可追溯。
          </text>
        </view>

        <view class="mb-[32rpx]">
          <text class="text-[32rpx] font-bold text-[#333333] block mb-[16rpx]">三、服务流程</text>
          <text class="text-[28rpx] text-gray-700 leading-[1.8] block">
            1. 需求评估：详细了解患者需求，制定个性化服务方案。<br/>
            2. 服务执行：按照既定方案提供专业护理服务。<br/>
            3. 质量监控：全程监控服务质量，及时调整服务内容。<br/>
            4. 服务总结：服务结束后进行总结，持续改进服务质量。
          </text>
        </view>

        <view class="mb-[32rpx]">
          <text class="text-[32rpx] font-bold text-[#333333] block mb-[16rpx]">四、注意事项</text>
          <text class="text-[28rpx] text-gray-700 leading-[1.8] block">
            1. 请如实告知患者病情和特殊需求。<br/>
            2. 配合服务人员工作，确保服务顺利进行。<br/>
            3. 如有疑问或建议，请及时与服务人员沟通。<br/>
            4. 服务过程中请保持环境安静，避免影响其他患者。
          </text>
        </view>

        <view class="mb-[32rpx]">
          <text class="text-[32rpx] font-bold text-[#333333] block mb-[16rpx]">五、联系方式</text>
          <text class="text-[28rpx] text-gray-700 leading-[1.8] block">
            客服热线：400-123-4567<br/>
            服务时间：24小时在线<br/>
            紧急联系：138-0000-0000
          </text>
        </view>
      </view>
    </view>

    <!-- 底部按钮 -->
    <view class="fixed bottom-0 left-0 right-0 bg-white border-t border-gray-100 p-[24rpx] safe-area-bottom">
      <nut-button 
        type="primary" 
        size="large" 
        class="w-full bg-[#41916c] border-0"
        @tap="goBack"
      >
        我已了解
      </nut-button>
    </view>
  </view>
</template>

<script setup lang="ts">
import { IconFont } from '@nutui/icons-vue-taro';
import Taro from '@tarojs/taro';

definePageConfig({
  navigationBarTitleText: '服务须知',
  navigationBarBackgroundColor: '#ffffff',
  navigationBarTextStyle: 'black'
});

const goBack = () => {
  Taro.navigateBack();
};
</script>

<style>
.safe-area-bottom {
  padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
}
</style> 